﻿<!DOCTYPE html>
<html lang="en">
<head>
<title>Universidad de Chile</title>
<meta name="description" content="Place your description here">
<meta name="keywords" content="put, your, keyword, here">
<meta name="author" content="Templates.com - website templates provider">
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style2.css" type="text/css" media="all">
<script type="text/javascript" src="js/maxheight.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/Myriad_Pro_300.font.js"></script>
<script type="text/javascript" src="js/Myriad_Pro_400.font.js"></script>
<script type="text/javascript" src="js/jquery.jqtransform.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
	$(function(){
		$("#faded").faded({
			speed: 500,
			crossfade: true,
			autoplay: 10000,
			autopagination:false
		});
		
		$('#domain-form').jqTransform({imgPath:'jqtransformplugin/img/'});
	});
</script>
<!--[if lt IE 7]>
<script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
</head>
<body id="page1" onLoad="new ElementMaxHeight();">
<div class="tail-top">
<!-- header -->
	<header>
		<div class="container">
			<div class="header-box">
				<div class="left">
					<div class="right">
						<nav>
							<ul>
								<li class="current"><a href="inicio.html">Actividades</a></li>
								<li><a href="perfil.html">Perfil</a></li>
								<li><a href="services.html">Agenda</a></li>
								<li><a href="email.html">Buzon</a></li>
								<li><a href="services.html">Salir</a></li>
							</ul>
						</nav>
						<h1><a href="index.html"><span>Salud</span>Deporte</a></h1>
					</div>
				</div>
			</div>
		</div>
	</header>
<!-- content -->
	<section id="content">
	<div class="inner_copy"></div>
		<div class="container" style="height:580px;">
			<div id="faded2">
			<table width="100%" cellspacing="0" cellpadding="0" border="0" id="content-table">
			<tbody><tr>
				<th class="sized" rowspan="3"><img width="20" height="300" alt="" src="images/shared/side_shadowleft.jpg"></th>
				<th class="topleft"></th>
				<td id="tbl-border-top">&nbsp;</td>
				<th class="topright"></th>
				<th class="sized" rowspan="3"><img width="20" height="300" alt="" src="images/shared/side_shadowright.jpg"></th>
			</tr>
			<tr>
				<td id="tbl-border-left"></td>
				<td>
				<!--  start content-table-inner -->
				<div id="content-table-inner">
				
				<table width="100%" cellspacing="0" cellpadding="0" border="0">
				<tbody><tr valign="top">
				<td>
										
				<div class="slides leftDot">
					<div class="right">
						<div id="related-activities" >		
							<div id="related-act-top">
								<h2></h2>
							</div>
							<div id="related-act-bottom">
								<div id="related-act-inner">
									<div class="right">
											<div style="float:left">
												<img alt="Foto Alumno" src="images/nerd.jpg" height="100"/>
											</div>
											<div style="float:left">
												<h5>Juan Pablo Sandoval</h5>
											</div>
											</div>
											<div class="clear"></div>
											<div class="lines-dotted-short"></div>
											<div class="right">
												<h5>Actividades:</h5>
												<ul class="menuUser">
													<li>Todas</li>
													<li>Salud</li>
													<li>Nutricion</li>
													<li class="current5">Deporte</li>
												</ul>
											</div>
											<div class="clear"></div>
											<div class="lines-dotted-short"></div>
											<div class="right">
												<h5>Mis Actividades Proximas</h5>
												<ul class="list_menu">
													<li><img class="list_img" src="images/corazon.jpg"/><a href="">Medico General.</a> Hoy 20:00 PM</li> 
													<li><img class="list_img" src="images/comida.jpg"/><a href="">Almuerzo</a> Hoy 12:30 AM </li>
													<li><img class="list_img" src="images/diente.jpg"/><a href="">Dentista</a> Manana 11:00 AM </li>
												</ul>
											</div>
											<div class="clear"></div>
											<div class="lines-dotted-short"></div>
											<div class="right">
												<h5>Contactos en linea</h5>
												<ul class="list_contacto">
													<li><img class="list_img2" src="images/foto1.jpg"/>Rodrigo Rebolledo</li> 
													<li><img class="list_img2" src="images/foto2.jpg"/>Negro Pinera</li>
												</ul>
											</div>
											<div class="clear"></div>
								</div>
								<div class="clear"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="pagination">
					<img src="images/crear_actividad.jpg" style="float:right; position:relative;top:0px;"/>
					<div align="left" style="margin-left:250px;">
						<h2>Actividades Deportivas</h2>
						<div class="listItem">
							<div class="item">
								<div class="item-top"></div>
								<div class="item-content">
									<div class="item-left">
										<img style="margin-left:35px;margin-top:5px;" src="images/logo.jpg" height="130"/>
									</div>
									<div class="item-right">
										<div class="item-header"><h5>Preparacion para la Semana Olimpica 2011 en Beauchef</h5></div>
										Al igual que todos los años, los estudiantes de la Facultad de Ciencias Fisicas y Matematicas comienzan a prepararse para la Semana Olimpica. Este año se pretende obtener el primer lugar dentro del gran torneo interfacultades.<br/>
										<strong><a href="">ver mas</a></strong>
										<br/>
										<ul class="metadata">
											<li><strong>Lugar: </strong><a href="">Cancha FCFM</a></li>
											<li><strong>Comunidad: </strong><a href="">Olimpicos FCFM</a></li>
											<li><strong>Fecha: </strong>16 de julio de 2011 13:00 PM</li>
											<li><a href=""><img src="images/ASISTIRE2.jpg" height="30" /></a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="item-top"></div>
								<br />	
								<div class="item-content">
									<div class="item-left">
										<img style="margin-left:35px;" src="images/1800.jpg" height="130"/>
									</div>
									<div class="item-right">
										<div class="item-header">
											<h5>Correr en las 1800 horas por la educacion<h5>
										</div>
										Ya son 210 personas las que han trotado en La Moneda para defender la educación pública. Estudiantes de la Universidad de Chile tomaron la iniciativa que pretende perdurar 75 días, hasta lograr 1.800 horas de corrida.
										<br/>
										<strong><a href="">ver mas</a></strong>
										
										<ul class="metadata">
											<li><strong>Lugar: </strong><a href="">Palacio de La Moneda</a></li>
											<li><strong>Comunidad: </strong><a href="">UChile en paro</a></li>
											<li><strong>Fecha: </strong>15 de julio de 2011 12:01 PM</li>
											<li><a href=""><img src="images/ASISTIRE2.jpg" height="30" /></a></li>
										</ul>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>
				
			</td>
			<td>
			</td>
			</tr>
			<tr>
			<td><img width="695" height="1" alt="blank" src="images/shared/blank.gif"></td>
			<td></td>
			</tr>
			</tbody></table>
			<div class="clear"></div>
			</div>
			<!--  end content-table-inner  -->
			</td>
			<td id="tbl-border-right"></td>
			</tr>
			<tr>
				<th class="sized bottomleft"></th>
				<td id="tbl-border-bottom">&nbsp;</td>
				<th class="sized bottomright"></th>
			</tr>
			</tbody></table>
			<div class="inside">
				<br/>
			</div>
		</div>
	</section>
</div>
<!-- footer -->
<footer>
	<div class="container">
		<div class="inside">
			
		</div>
	</div>
</footer>
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>